<template><div><h2 id="区块-section" tabindex="-1"><a class="header-anchor" href="#区块-section"><span>区块（section）</span></a></h2>
<h2 id="简介" tabindex="-1"><a class="header-anchor" href="#简介"><span>简介</span></a></h2>
<p><code v-pre>Dcat Admin</code>提供<code v-pre>section</code>功能允许开发者在项目运行时更改页面各个部分的内容，而不需要直接去修改模板。</p>
<blockquote>
<p>{tip} <code v-pre>Dcat Admin</code>的<code v-pre>section</code>功能参考了<code v-pre>Blade</code>模板引擎的<code v-pre>@section</code>功能和<code v-pre>Wordpress</code>的<code v-pre>add_filter</code>功能，如果开发者理解这两者其中之一就能快速上手。</p>
</blockquote>
<h2 id="使用" tabindex="-1"><a class="header-anchor" href="#使用"><span>使用</span></a></h2>
<h3 id="admin-section" tabindex="-1"><a class="header-anchor" href="#admin-section"><span>admin_section</span></a></h3>
<p>输出<code v-pre>section</code>内容，此函数类似于<code v-pre>Blade</code>模板中的<code v-pre>@yield</code>指令以及<code v-pre>WordPress</code>中的<code v-pre>apply_filters</code>函数。</p>
<p>参数：</p>
<ul>
<li><code v-pre>$section</code> {string} 区块名称</li>
<li><code v-pre>$default</code> {string|Closure} 默认值</li>
<li><code v-pre>$options</code> {array} 参数，需要注意的是<code v-pre>key</code>值必须使用英文字母开头，否则无法被获取到</li>
</ul>
<p>返回值：</p>
<ul>
<li>{string}</li>
</ul>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token keyword">echo</span> <span class="token function">admin_section</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'navigation'</span><span class="token punctuation">,</span> <span class="token constant">null</span><span class="token punctuation">,</span> <span class="token punctuation">[</span><span class="token string single-quoted-string">'count'</span> <span class="token operator">=></span> <span class="token number">4</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><h3 id="admin-inject-section" tabindex="-1"><a class="header-anchor" href="#admin-inject-section"><span>admin_inject_section</span></a></h3>
<p>注入<code v-pre>section</code>内容，此函数类似<code v-pre>WordPress</code>中的<code v-pre>add_filter</code>函数。</p>
<p>参数：</p>
<ul>
<li><code v-pre>$section</code> {string} 区块名称</li>
<li><code v-pre>$content</code> {string|Illuminate\Contracts\Support\Renderable|Closure} 区块内容</li>
<li><code v-pre>$append</code> {bool} 默认<code v-pre>true</code>，是否追加到上一个注入的内容后面，如果传<code v-pre>false</code>则会替换掉前面注入的内容</li>
<li><code v-pre>$priority</code> {int} 默认<code v-pre>10</code>，优先级，值越大排序越靠前</li>
</ul>
<p>当第二个参数传入的是匿名函数时，匿名函数接收一个<code v-pre>Illuminate\Support\Fluent</code>对象。匿名函数中接收一个<code v-pre>Illuminate\Support\Fluent</code>对象，此对象包含有前面注入到此区块的内容，通过<code v-pre>previous</code>属性可以获得；如果此<code v-pre>section</code>还有其他参数，也可以通过访问属性的方式获得，如下：</p>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token function">admin_inject_section</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'navigation'</span><span class="token punctuation">,</span> <span class="token function">e</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"&lt;navigation>1&lt;/navigation>"</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span>
<span class="line"><span class="token function">admin_inject_section</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'navigation'</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token variable">$options</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line">    <span class="token comment">// 获取上一个注入此区块的内容</span></span>
<span class="line">    <span class="token variable">$previous</span> <span class="token operator">=</span> <span class="token variable">$options</span><span class="token operator">-></span><span class="token property">previous</span><span class="token punctuation">;</span></span>
<span class="line"></span>
<span class="line">    <span class="token comment">// 获取自定义参数</span></span>
<span class="line">    <span class="token variable">$count</span> <span class="token operator">=</span> <span class="token variable">$options</span><span class="token operator">-></span><span class="token property">count</span><span class="token punctuation">;</span></span>
<span class="line"></span>
<span class="line">    <span class="token keyword">return</span> <span class="token function">e</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"&lt;navigation>count:<span class="token interpolation"><span class="token punctuation">{</span><span class="token variable">$count</span><span class="token punctuation">}</span></span>&lt;/navigation>"</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"><span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token constant boolean">true</span><span class="token punctuation">,</span> <span class="token number">11</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span>
<span class="line"><span class="token comment">// 输出</span></span>
<span class="line"><span class="token keyword">echo</span> <span class="token function">admin_section</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'navigation'</span><span class="token punctuation">,</span> <span class="token constant">null</span><span class="token punctuation">,</span> <span class="token punctuation">[</span><span class="token string single-quoted-string">'count'</span> <span class="token operator">=></span> <span class="token number">4</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"><span class="token comment">// 最终输出结果为</span></span>
<span class="line"><span class="token comment">// &lt;navigation>count:4&lt;/navigation>&lt;navigation>1&lt;/navigation></span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="admin-inject-default-section" tabindex="-1"><a class="header-anchor" href="#admin-inject-default-section"><span>admin_inject_default_section</span></a></h3>
<p>注入默认内容，如果调用了<code v-pre>admin_inject_section</code>函数注入内容（无论是在前面还是后面都一样），则此函数不生效。</p>
<p>参数：</p>
<ul>
<li><code v-pre>$section</code> {string} 区块名称</li>
<li><code v-pre>$content</code> {string|Illuminate\Contracts\Support\Renderable|Closure} 区块内容，与<code v-pre>admin_inject_section</code>的第二个参数一致</li>
</ul>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token function">admin_inject_default_section</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'navigation'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'暂无数据'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><h3 id="admin-has-section" tabindex="-1"><a class="header-anchor" href="#admin-has-section"><span>admin_has_section</span></a></h3>
<p>判断是否注入过内容到<code v-pre>section</code>，此函数返回一个<code v-pre>bool</code>类型值。</p>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token function">var_dump</span><span class="token punctuation">(</span><span class="token function">admin_has_section</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'navigation'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><h3 id="admin-has-default-section" tabindex="-1"><a class="header-anchor" href="#admin-has-default-section"><span>admin_has_default_section</span></a></h3>
<p>判断是否注入过默认内容到<code v-pre>section</code>，此函数返回一个<code v-pre>bool</code>类型值。</p>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token function">var_dump</span><span class="token punctuation">(</span><span class="token function">admin_has_default_section</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'navigation'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><h2 id="系统预定义区块" tabindex="-1"><a class="header-anchor" href="#系统预定义区块"><span>系统预定义区块</span></a></h2>
<p><code v-pre>Dcat Admin</code>预定义了一些区块，开发者可以通过这些区块改变页面内容。</p>
<p>所有的预定义区块名称都定义在<code v-pre>Dcat\Admin\Admin::SECTION</code>这个类常量中，通过类常量的方式访问。</p>
<h3 id="往-head-标签内输入内容" tabindex="-1"><a class="header-anchor" href="#往-head-标签内输入内容"><span>往<code v-pre>&lt;head&gt;</code>标签内输入内容</span></a></h3>
<p>此通过<code v-pre>Admin::SECTION['HEAD']</code>区块可以往<code v-pre>&lt;head&gt;</code>标签内输入内容。</p>
<p>在<code v-pre>app\Admin\bootstrap.php</code>中加入以下代码：</p>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token keyword">use</span> <span class="token package">Dcat<span class="token punctuation">\</span>Admin<span class="token punctuation">\</span>Admin</span><span class="token punctuation">;</span></span>
<span class="line"></span>
<span class="line"><span class="token function">admin_inject_section</span><span class="token punctuation">(</span><span class="token class-name static-context">Admin</span><span class="token operator">::</span><span class="token constant">SECTION</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'HEAD'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line">    <span class="token keyword">return</span> <span class="token string single-quoted-string">'&lt;script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js">&lt;/script>'</span><span class="token punctuation">;</span></span>
<span class="line"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="往-body-标签内输入内容" tabindex="-1"><a class="header-anchor" href="#往-body-标签内输入内容"><span>往<code v-pre>&lt;body&gt;</code>标签内输入内容</span></a></h3>
<p>通过<code v-pre>Admin::SECTION['BODY_INNER_BEFORE']</code>区块可以往<code v-pre>&lt;body&gt;</code>标签内部的开头位置输入内容。</p>
<p>通过<code v-pre>Admin::SECTION['BODY_INNER_AFTER']</code>区块可以往<code v-pre>&lt;body&gt;</code>标签内部的结束位置输入内容。</p>
<h3 id="往-div-id-app-标签内输入内容" tabindex="-1"><a class="header-anchor" href="#往-div-id-app-标签内输入内容"><span>往<code v-pre>&lt;div id=”app”&gt;</code>标签内输入内容</span></a></h3>
<p>通过<code v-pre>Admin::SECTION['APP_INNER_BEFORE']</code>区块可以往<code v-pre>&lt;div id=&quot;app&quot;&gt;</code>标签内部的开头位置输入内容。</p>
<p>通过<code v-pre>Admin::SECTION['APP_INNER_AFTER']</code>区块可以往<code v-pre>&lt;div id=&quot;app&quot;&gt;</code>标签内部的结束位置输入内容。</p>
<h3 id="更改顶部导航栏用户信息面板内容" tabindex="-1"><a class="header-anchor" href="#更改顶部导航栏用户信息面板内容"><span>更改顶部导航栏用户信息面板内容</span></a></h3>
<p>通过<code v-pre>Admin::SECTION['NAVBAR_USER_PANEL']</code>区块可以更改顶部导航栏的用户信息面板内容。</p>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token function">admin_inject_section</span><span class="token punctuation">(</span><span class="token class-name static-context">Admin</span><span class="token operator">::</span><span class="token constant">SECTION</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'NAVBAR_USER_PANEL'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token function">view</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'admin::partials.navbar-user-panel'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><h3 id="更改顶部导航栏用户信息面板后面内容" tabindex="-1"><a class="header-anchor" href="#更改顶部导航栏用户信息面板后面内容"><span>更改顶部导航栏用户信息面板后面内容</span></a></h3>
<p>通过<code v-pre>Admin::SECTION['NAVBAR_AFTER_USER_PANEL']</code>区块可以更改顶部导航栏的用户信息面板后面的内容。</p>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token function">admin_inject_section</span><span class="token punctuation">(</span><span class="token class-name static-context">Admin</span><span class="token operator">::</span><span class="token constant">SECTION</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'NAVBAR_AFTER_USER_PANEL'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line">    <span class="token keyword">return</span> <span class="token string heredoc-string"><span class="token delimiter symbol"><span class="token punctuation">&lt;&lt;&lt;</span>HTML</span></span>
<span class="line">    &lt;li></span>
<span class="line">        &lt;a href="#" data-toggle="control-sidebar">&lt;i class="fa fa-gears">&lt;/i>&lt;/a></span>
<span class="line">    &lt;/li></span>
<span class="line"><span class="token delimiter symbol">HTML<span class="token punctuation">;</span></span></span>    </span>
<span class="line"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="更改顶部导航栏前面内容" tabindex="-1"><a class="header-anchor" href="#更改顶部导航栏前面内容"><span>更改顶部导航栏前面内容</span></a></h3>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token function">admin_inject_section</span><span class="token punctuation">(</span><span class="token class-name static-context">Admin</span><span class="token operator">::</span><span class="token constant">SECTION</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'NAVBAR_BEFORE'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token function">view</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'...'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><h3 id="更改顶部导航栏后面内容" tabindex="-1"><a class="header-anchor" href="#更改顶部导航栏后面内容"><span>更改顶部导航栏后面内容</span></a></h3>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token function">admin_inject_section</span><span class="token punctuation">(</span><span class="token class-name static-context">Admin</span><span class="token operator">::</span><span class="token constant">SECTION</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'NAVBAR_AFTER'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token function">view</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'...'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><h3 id="更改菜单栏用户信息面板内容" tabindex="-1"><a class="header-anchor" href="#更改菜单栏用户信息面板内容"><span>更改菜单栏用户信息面板内容</span></a></h3>
<p>通过<code v-pre>Admin::SECTION['LEFT_SIDEBAR_USER_PANEL']</code>区块可以更改菜单栏的用户信息面板的内容。</p>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"> <span class="token function">admin_inject_section</span><span class="token punctuation">(</span><span class="token class-name static-context">Admin</span><span class="token operator">::</span><span class="token constant">SECTION</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'LEFT_SIDEBAR_USER_PANEL'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token function">view</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'admin::partials.sidebar-user-panel'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><h3 id="更改菜单栏" tabindex="-1"><a class="header-anchor" href="#更改菜单栏"><span>更改菜单栏</span></a></h3>
<p>通过<code v-pre>Admin::SECTION['LEFT_SIDEBAR_MENU']</code>可以更改整个菜单栏内容。</p>
<blockquote>
<p>{tip} <code v-pre>Dcat Admin</code>的菜单是通过注入默认内容到<code v-pre>LEFT_SIDEBAR_MENU</code>区块构建的，开发者可以替换掉系统默认的菜单渲染逻辑。</p>
</blockquote>
<div class="language-php line-numbers-mode" data-highlighter="prismjs" data-ext="php" data-title="php"><pre v-pre class="language-php"><code><span class="line"><span class="token keyword">use</span> <span class="token package">Dcat<span class="token punctuation">\</span>Admin<span class="token punctuation">\</span>Support<span class="token punctuation">\</span>Helper</span><span class="token punctuation">;</span></span>
<span class="line"><span class="token keyword">use</span> <span class="token package">Dcat<span class="token punctuation">\</span>Admin<span class="token punctuation">\</span>Admin</span><span class="token punctuation">;</span></span>
<span class="line"></span>
<span class="line"><span class="token function">admin_inject_section</span><span class="token punctuation">(</span><span class="token class-name static-context">Admin</span><span class="token operator">::</span><span class="token constant">SECTION</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'LEFT_SIDEBAR_MENU'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line">    <span class="token variable">$menuModel</span> <span class="token operator">=</span> <span class="token function">config</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'admin.database.menu_model'</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span>
<span class="line">    <span class="token variable">$builder</span> <span class="token operator">=</span> <span class="token class-name static-context">Admin</span><span class="token operator">::</span><span class="token function">menu</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span>
<span class="line">    <span class="token variable">$html</span> <span class="token operator">=</span> <span class="token string single-quoted-string">''</span><span class="token punctuation">;</span></span>
<span class="line">    <span class="token keyword">foreach</span> <span class="token punctuation">(</span><span class="token class-name static-context">Helper</span><span class="token operator">::</span><span class="token function">buildNestedArray</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token keyword">new</span> <span class="token variable">$menuModel</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token operator">-></span><span class="token function">allNodes</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token keyword">as</span> <span class="token variable">$item</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line">        <span class="token variable">$html</span> <span class="token operator">.=</span> <span class="token function">view</span><span class="token punctuation">(</span><span class="token string single-quoted-string">'admin::partials.menu'</span><span class="token punctuation">,</span> <span class="token punctuation">[</span><span class="token string single-quoted-string">'item'</span> <span class="token operator">=></span> <span class="token variable">$item</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'builder'</span> <span class="token operator">=></span> <span class="token variable">$builder</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token operator">-></span><span class="token function">render</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line">    <span class="token punctuation">}</span></span>
<span class="line"></span>
<span class="line">    <span class="token keyword">return</span> <span class="token variable">$html</span><span class="token punctuation">;</span></span>
<span class="line"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div></div></template>


